﻿@{
    ViewBag.Title = "Firestarter : Events : Boston Azure User Group";
}
@section headContent
{
    <link rel="stylesheet" href="/_assets/gallerific/basic.css" type="text/css" />
	<link rel="stylesheet" href="/_assets/gallerific/galleriffic-2.css" type="text/css" />    
}
<div class="content">
    <h2>May 8, 2010 Boston Azure Firestarter has come and gone - and was a success!</h2>

        Below on this page please find some event photos. Also, there is
    <a href="http://blog.codingoutloud.com/2010/05/22/boston-azure-firestarter-wrap-up/" target="_blank">a write-up of the Boston Azure Firestarter event</a> 
    which includes details from the day and links to resources.
    <br />
    @if (Model.Count() > 0)
    {
        <h3>Photos from the Firestarter...</h3>

        <div id="gallery" class="content">
	        <div id="controls" class="controls"></div>
	        <div class="slideshow-container">
		        <div id="loading" class="loader"></div>
		        <div id="slideshow" class="slideshow"></div>
	        </div>
	        <div id="caption" class="caption-container"></div>
        </div>

        <div id="thumbs" class="navigation">
            <ul class="thumbs noscript">
            @foreach (var item in Model) {
                <li>
                    <a class="thumb" name="one" href="http://blob.bostonazure.org/firestarter/<%= item.ImageName%>" title="Title 1">
                        <img height="75" width="75" src="http://blob.bostonazure.org/firestarter/<%= item.ImageName%>" alt="Title 0" />
                    </a>
                    <div class="caption">
                        <!--(Any html can go here)-->
                    </div>
                </li>
            } 
        </ul>
    </div>
    } 
    else
    {
        <p>Sorry no pictures are available.</p>
    }
</div>
<!--End Homecontent-->
<div class="clear"></div>
@section scriptincludes
{
    <script type="text/javascript" src="/_assets/gallerific/gallerific.js"></script>
    <script type="text/javascript" src="/_assets/js/jquery/jquery.opacityrollover.js"></script>
    <!-- We only want the thunbnails to display when javascript is disabled -->
    <script type="text/javascript">
	    document.write('<style>.noscript { display: none; }</style>');
    </script>
    <script type="text/javascript" src="/_assets/js/events.js"></script>
}
